import React, { Component } from 'react'
import './Find.style.scss'
import connect from '../../store/connect'
import etc from 'assets/images/etc.png'

class Find extends Component {
    render() {
        return (
            <div className="find">
                <div className="community">
                    <div>
                        <h2>社区</h2>
                        <p>共有80W+人参与晒花</p>
                        <ul>
                            {
                                this.props.data.user&&this.props.data.user.map((item,index)=>{
                                    return (
                                        <li key={index}>
                                            <img src={item.avatar} alt=""/>
                                        </li>
                                    )
                                })
                            }
                            <li>
                                <img src={etc} alt=""/>
                            </li>
                        </ul>
                        <h1>立即查看</h1>
                    </div>
                </div>
                <div className="curing">
                    <div>
                        <h2>鲜花养护</h2>
                        <p>鲜花之美需精心呵护</p>
                        <h1>立即查看</h1>
                    </div>
                </div>
            </div>
        )
    }
}
export default connect(Find);